<!doctype html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<body>

	<aside th:fragment="main" id="sidebar_left" class="nano nano-primary affix">

		<!-- Start: Sidebar Left Content -->
		<div class="sidebar-left-content nano-content">

			<!-- Start: Sidebar Header -->
			<header class="sidebar-header">

				<!-- Sidebar Widget - Menu (Slidedown) -->
				<div class="sidebar-widget menu-widget">
					<div class="row text-center mbn">
						<div class="col-xs-4">
							<a href="dashboard.html" class="text-primary" data-toggle="tooltip" data-placement="top" title="Dashboard"> <span
								class="glyphicon glyphicon-home"></span>
							</a>
						</div>
						<div class="col-xs-4">
							<a href="pages_messages.html" class="text-info" data-toggle="tooltip" data-placement="top" title="Messages">
								<span class="glyphicon glyphicon-inbox"></span>
							</a>
						</div>
						<div class="col-xs-4">
							<a href="pages_profile.html" class="text-alert" data-toggle="tooltip" data-placement="top" title="Tasks"> <span
								class="glyphicon glyphicon-bell"></span>
							</a>
						</div>
						<div class="col-xs-4">
							<a href="pages_timeline.html" class="text-system" data-toggle="tooltip" data-placement="top" title="Activity">
								<span class="fa fa-desktop"></span>
							</a>
						</div>
						<div class="col-xs-4">
							<a href="pages_profile.html" class="text-danger" data-toggle="tooltip" data-placement="top" title="Settings">
								<span class="fa fa-gears"></span>
							</a>
						</div>
						<div class="col-xs-4">
							<a href="pages_gallery.html" class="text-warning" data-toggle="tooltip" data-placement="top" title="Cron Jobs">
								<span class="fa fa-flask"></span>
							</a>
						</div>
					</div>
				</div>
			</header>
			<!-- End: Sidebar Header -->

			<!-- Start: Sidebar Menu -->
			<ul class="nav sidebar-menu">
				<li class="sidebar-label pt20">工作台</li>
				<li class="active">
					<a href="pages_calendar.html"> <span class="fa fa-dashboard"></span> <span class="sidebar-title">仪表板</span> <span
						class="sidebar-title-tray"> <span class="label label-xs bg-primary">新</span>
					</span>
					</a>
				</li>
				<li>
					<a href="http://admindesigns.com/demos/admin/README/index.html"> <span class="glyphicon glyphicon-book"></span>
						<span class="sidebar-title">作业列表</span>
					</a>
				</li>
				<li class="sidebar-label pt15">菜单</li>
				<li th:each="menuRoot : ${menuRoots}" th:class="'menu-'+${menuRoot.code}">
					<a th:class="${menuRoot.leaf}?'':'accordion-toggle'"
						th:href="${menuRoot.leaf}?('#/page'+${menuRoot.href}):'javascript:;'"> <span th:class="${menuRoot.iconCls}"></span>
						<span class="sidebar-title" th:text="${menuRoot.name}">菜单名称</span> <span th:unless="${menuRoot.leaf}"
						class="caret"></span>
					</a>
					<ul th:unless="${menuRoot.leaf}" class="nav sub-nav">
						<li th:each="subMenu : ${menuRoot.children}" th:class="'menu-'+${subMenu.code}">
							<a th:href="'#/page'+${subMenu.href}" th:inline="text"> <span th:class="${subMenu.iconCls}"></span>[[${subMenu.name}]]
							</a>
						</li>
					</ul>
				</li>
				<!-- sidebar bullets -->
			</ul>
			<!-- End: Sidebar Menu -->

			<!-- Start: Sidebar Collapse Button -->
			<div class="sidebar-toggle-mini">
				<a href="javascript:;"> <span class="fa fa-sign-out"></span>
				</a>
			</div>
			<!-- End: Sidebar Collapse Button -->

		</div>
		<!-- End: Sidebar Left Content -->

	</aside>



</body>
</html>